<template>
	<view>
		<view class="list_photo">
			<view class="photo_center">
				<image class="imagephoto" src="" mode=""></image>
				<image class="imagephoto" src="" mode=""></image>
				<image class="imagephoto" src="" mode=""></image>
			</view>
		</view>
		<view class="list_infor">
			<view class="list_people">
				<label style="display: block;" v-for="(item,index) in Member_list" :key='index'>
					<radio :checked="item.checkeds"  class="selects" @click="choice(index)" color="#21201D"/>
					<image class="imagephoto" src="" mode=""></image>
					<text class="names">{{item.name}}</text>
				</label>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				Member_list:[
					{
						"name":'张兴和',
						"img":'',
						checkeds:true
					},
					{
						"name":'刘4脑袋',
						"img":'',
						checkeds:false
					}
				]
			}
		},
		onNavigationBarButtonTap(e) {
			console.log(e)
			if(e.text == '确定创建  '){
				uni.showToast({
					title: '创建成功',
					icon: 'success'
				})
			}
		},
		methods:{
			choice(i){
				this.Member_list.forEach((el,index)=>{
					if(i == index){
						el.checkeds=!el.checkeds
					}
				})
			}
		}
	}
</script>

<style>
	page{
		background: #F5F5F5;
	}
	.list_photo{
		width: 750rpx;
		height: 112rpx;
		background: #FFFFFF;
	}
	.photo_center{
		width: 699rpx;
		height: 112rpx;
		display: block;
		margin: auto;
		overflow: scroll;
		white-space: nowrap;
	}
	.imagephoto{
		width: 68rpx;
		height: 68rpx;
		border-radius: 50%;
		margin-top:21rpx;
		margin-right: 25rpx;
		background: #EEEEEE;
		float: left;
	}
	.list_infor{
		background: #FFFFFF;
		margin-top: 25rpx;
		padding-left: 25rpx;
		padding-right: 25rpx;
	}
	.list_people{
		width: 750rpx;
	}
	.selects{
		transform:scale(0.7);
		float: left;
		margin-top: 32rpx;
		margin-right: 10rpx;
	}
	.names{
		font-size: 28rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #21201D;
		opacity: 1;
		line-height: 112rpx;
	}
	.uni-radio-input.uni-radio-input-checked:before {
	  color: #FCDA22!important;
	}
</style>
